﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Imperial</title>	
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="FURNITURE" />
    <meta name="description" content="FURNITURE" />
	<meta name="author" content="jiecui" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<div id="bodychild">
	<div id="outercontainer">
    	
        <!-- HEADER -->
       		<%@ include file="furniture/common/header.jsp" %>
        <!-- END HEADER -->
        
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title=""></a></div>
        <!-- SLIDER -->
        <div id="outerslider">
        	<div id="slidercontainer">
            	<section id="slider">
                <div class="box_skitter box_skitter_large">
                    <ul>
                        <li>
                            <img src="<%=path%>/resources/images/content/slide1.jpg" alt="" />
                            <div class="label_text">
                                <span>Curabitur feugiat nibh a risus amet.</span>
                            </div>
                        </li>
                        <li>
                            <img src="<%=path%>/resources/images/content/slide2.jpg" alt="" />
                            <div class="label_text">
                                <span>Morbi porta neque ut neque iaculis.</span>
                            </div>
                        </li>
                        <li>
                            <img src="<%=path%>/resources/images/content/slide3.jpg" alt="" />
                            <div class="label_text">
                                <span>Morbi porta neque ut neque.</span>
                            </div>
                        </li>
                    </ul>
                </div>
                </section>
            </div>
        </div>
        <!-- END SLIDER -->
        
        <!-- BEFORE CONTENT -->
        <div id="outerbeforecontent">
        	<div id="beforecontent">
            	<section id="beforethecontent">
					<div class="intro-l">
                    	<h2>Hello! You will discover there are <br />world of themes where you've never been to</h2>
                    </div>
                    <div class="intro-r">
                    	Donec consectetur libero ut tortor condimentum<h2>Come &amp; Join Our Newsletter</h2>
                    </div>
                    <div class="clear"></div>
                </section>
            </div>
        </div>
        <!-- END BEFORE CONTENT -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div id="maincontent">
        	<section id="mainthecontent">
            
				<article>
                	<div class="one_third">
                    	<div class="frame">
                    	<img src="<%=path%>/resources/images/content/pic1.jpg" alt="" /><h5>Unlimited Skins</h5>
                        </div>
                        <p>Nullam et lorem ut magna aliquet eleifend scelerisque eu justo. Maecenas sollicitudin, urna sit amet tristique... <a href="#" class="more">Read More</a></p>
                    </div>
                	<div class="one_third">
                    	<div class="frame">
                    	<img src="<%=path%>/resources/images/content/pic2.jpg" alt="" /><h5>Slider Manager</h5>
                        </div>
                        <p>Nullam et lorem ut magna aliquet eleifend scelerisque eu justo. Maecenas sollicitudin, urna sit amet tristique... <a href="#" class="more">Read More</a></p>
                    </div>
                    <div class="one_third lastcols">
                    	<div class="frame">
                        <img src="<%=path%>/resources/images/content/pic3.jpg" alt="" /><h5>Custom Post Type</h5>
                        </div>
                        <p>Nullam et lorem ut magna aliquet eleifend scelerisque eu justo. Maecenas sollicitudin, urna sit amet tristique... <a href="#" class="more">Read More</a></p>
                    </div>
                </article>
         
                <div class="clear"></div>
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
             
        <!-- FOOTER SIDEBAR -->
        <div id="outerfootersidebar">
        	<jsp:include page="furniture/common/footersidebar.jsp" flush="true" />
        </div>
        <!-- END FOOTER SIDEBAR -->
               
        <!-- FOOTER -->
        <div id="outerfooter">
        	<%@ include file="furniture/common/footercontainer.jsp" %>
        </div>
        <!-- END FOOTER -->
        
        <div class="clear"></div>
	</div> <!-- end outercontainer -->
    
</div> <!-- end bodychild -->

<!-- Javascript
================================================== -->
<script type="text/javascript">
jQuery(document).ready(function(){

	//=================================== SLIDESHOW ===================================//
	jQuery(".box_skitter_large").skitter({
		animation: "random",
		interval: 3000,
		numbers: false, 
		numbers_align: "right", 
		hideTools: false,
		controls: false,
		focus: false,
		focus_position: true,
		width_label:'1000px', 
		enable_navigation_keys: true,   
		progressbar: false
	});

});
</script>

</body>
</html>
